<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
	<title>Font Awesome图标</title>
 </head>
  <body>

<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle" class="svg-inline--fa fa-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z"></path></svg>
	</path>
</svg>
  
<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle" class="svg-inline--fa fa-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="#FFC0CB" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z"></path>
    <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
   <circle cx="150" cy="200" r="40" stroke="#FFC0CB" stroke-width="25" fill="#FFC0CB" />
   <circle cx="350" cy="200" r="40" stroke="#FFC0CB" stroke-width="25" fill="#FFC0CB" />
   <path d="M 100 280 q 150 300 300 0" stroke="pink" stroke-width="25" fill="none"/>
  </svg>
  </body>
</html>

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
	<title>图标</title>
 </head>
  <body>

<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path></svg>



<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1500 1500"><path fill="#FFF68F" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path>
<circle cx="100" cy="215" r="35" stroke="#FFC0CB" stroke-width="25" fill="#F08080" />
 <circle cx="470" cy="215" r="35" stroke="#FFC0CB" stroke-width="25" fill="#F08080" />
 <circle cx="290" cy="80" r="35" stroke="#FFC0CB" stroke-width="25" fill="#F08080" />
<circle cx="190" cy="420" r="35" stroke="#FFC0CB" stroke-width="25" fill="#F08080" />
<circle cx="400" cy="420" r="35" stroke="#FFC0CB" stroke-width="25" fill="#F08080" />
  </body>
</head>